<template>
    <Modal
            width="930"
            v-model="visible"
            :title="title"
            :key="key"
            :loading="Loading"
    >
        <div>
            <vxe-table border
                       auto-resize
                       row-id="id"
                       :row-key="true"
                       show-overflow="tooltip"
                       align="center"
                       header-align="center"
                       ref="xTree"
                       :loading="Loading"
                       :radio-config="{highlight: true}"
                       class="mytable-style"
                       :data="tableData">
                <vxe-table-column field="createDate" title="处理时间" align="center" width="150"
                                  :formatter="renderDetailTime"/>
                <vxe-table-column field="result_name" title="处理结果" align="center" width="150"/>
                <vxe-table-column field="detail" title="异常信息" align="center"/>
            </vxe-table>
            <Page :total="dataCount" :page-size="pageSize" show-total class="paging"
                  @on-change="handleTableChange" :current="pageNo"></Page>
        </div>
        <div slot="footer">
            <Button @click="cancel">关闭</Button>
        </div>
    </Modal>
</template>

<script>
    import {CommonMixin} from '@/views/common/js/CommonMixin'

    export default {
        name: "detail",
        mixins: [CommonMixin],
        data() {
            return {
                queryParam: {},
                title: "行权流程重新结果信息",
                key: "",
                Loading: false,
                visible: false,
                url: {
                    list: "/api/ac/subsistence/ss00029ServiceImpl/detail",
                },
            }
        },
        methods: {
            cancel() {
                this.visible = false;
            },
            load(row) {
                this.queryParam.busid = row.busid;
                this.loadData();
                this.visible = true;
            },
        },

    }
</script>

<style scoped>

</style>
